$(function(){
	//绑定上传文章按钮的点击事件
	$("#uploadArticle").click(function(){
		 //1.获取标题与文章内容
	    var title=$("#articleTitle").val();
		var content=UE.getEditor('editor').getContentTxt();
		 //2.获取用户名
		var nick=$("#nickSpan").text();
		//3.获取分类id
		var categoryId=$("#categoryId").val();
		//封装数据
		var data={"operation":"createArticle","title":title,"nick":nick,"content":content,"categoryId":categoryId};
		 //3.将数据传递到服务端存储
		$.post(
				"/MyBlog/articleServlet",
				 data,
				function(data){
					alert("上传成功");
				}
			);
     	});
	//存储当前选择的categoryId（需要隐藏）
	 $("#categoryId").hide();
	//绑定分类名称的点击事件
	$(".dropdown-menu a").click(function(){
		  $("#dropdownMenu1").text($(this).text())
		  $("#categoryId").val($(this).attr("id"));
	});
	
	//绑定添加按钮的单击事件
	bindAddCategoryButton();
	//分类操作
	$("#findAllCategory").click(function(){
		//删除tbody内所有元素(如果不做此步操作则可能造成数据的重叠)
		$("#categoryTbody").children().remove();
		//删除上次输入框中输入的数据
		$("#cateogryInput").val("");
		//ajax异步请求所有分类数据
		$.post(
				"/MyBlog/categoryServlet",
				 {"operation":"findAllCategory"},
				function(data){
					 var str="";
					 for(var i=0;i<data.length;i++){
						str=str+'<tr id='+data[i].id+'>';
						str=str+'<td>'+(i+1)+'</td>'
						str=str+'<td>'+data[i].name+'</td>'
						str=str+'<td><button class="btn btn-danger deleteRow">删除</button></td>'
					 }
					 $("#categoryTbody").append(str);
					 //为新添加的元素们绑定单击事件
					 bindDeleteCategoryButton();
				},
				"json"
			);
     	});
});

/**
 * 绑定删除分类按钮的单击事件
 * @returns
 */
function bindDeleteCategoryButton(){
	//解除老删除按钮元素的单击事件
	$(".deleteRow").unbind("click");
	//给所有删除按钮元素绑定点击事件
	$(".deleteRow").click(function(){
		//获取即将删除的行元素
		var ele=$(this).parent().parent();
		var cid=ele.attr("id");
		
		
		
		$.post(
				"/MyBlog/categoryServlet",
				 {"operation":"deleteCategoryByCid","cid":cid},
				function(data){
					 if(data.flag){
						//删除该行的页面数据
						  ele.remove();
					 }
				},
				"json"
			);
     	});
}
/**
 * 绑定添加分类按钮的单击事件
 * @returns
 */
function bindAddCategoryButton(){
	$("#addCategoryButton").click(function(){
		var  cname=$("#cateogryInput").val();
		
		$.post(
		   "/MyBlog/categoryServlet",
		   {"operation":"addCateogy","cname":cname},
		   function(data){
			   if(data.flag){
				   alert("数据重复，请重新输入!")
			   }else{
				   var sortNum="";
				   if($("#categoryTbody").children().length>0){
					   sortNum=$("#categoryTbody").children(":last-child").children(":first-child").text();
				   }else{
					   sortNum="0"
				   }
				    var str="";
				    str=str+'<tr id='+data.cid+'>';
					str=str+'<td>'+(parseInt(sortNum)+1)+'</td>'
					str=str+'<td>'+data.cname+'</td>'
					str=str+'<td><button class="btn btn-danger deleteRow">删除</button></td>'
				   
				   $("#categoryTbody").append(str);
					//绑定添加分类按钮的单击事件
					bindDeleteCategoryButton()
			   }
		   },
		 "json"
		)
		
		
	});
	
	
}






	
	
